﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/test.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <link href="css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="js/jquery.ui.core.js" type="text/javascript"></script>
    <script src="js/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="js/jquery.ui.tabs.js" type="text/javascript"></script>
    <link href="css/demos.css" rel="stylesheet" type="text/css" />
    <script src="js/Calendar1.js" type="text/javascript"></script>
   
    <script type="text/javascript">
        //显示浮动窗口的方法
        function showwin() {
            //1.找到窗口对应的div节点
            var winNode = $("#win");
            //2.让div对应的窗口显示出来
            //方法1,修改节点的css值，让窗口显示出来
            //winNode.css("display","block");
            //方法2，利用Jqeury的show方法
            //winNode.show("slow");
            //方法3，利用JQuery的fadeIn方法
            winNode.fadeIn("slow");
        }
        
        //隐藏窗口的方法
        function hide() {
            //1.找到窗口对应的节点
            var winNode = $("#win");
            //2.将窗口隐藏起来
            //方法1，修改css
            //winNode.css("display","none");
            //方法2，利用hide方法
            //winNode.hide("slow");
            //方法3，利用fadeOut方法
            winNode.fadeOut("slow");


        }
        function reply1(t) {
            $("#txtaCom").focus();
            $("#txtaCom").html("dddd" + $(t).text());
            alert($(t).text());
        }
        $(function () {
            $("#te").html("<a href='#'>评论</a>");

        });
	</script>

</head>
<body runat="server">

    <a onclick="showwin()" href="#">显示浮动窗口</a>
    <!--如何表示页面中的一个弹出窗口?可以使用div来表示-->
    <!--目前怎么看都不是一个窗口，因此需要用css来改变一下这个div的样子-->
    <!--出现标题栏和内容区域-->
    <div id="win">
        <div id="title">我是标题栏啊！！<span id="close" onclick="hide()">X</span></div>
        <div id="content">我是一个窗口哦！！</div>
    </div>
 
    <asp:Image ID="Image1" runat="server" ImageUrl="~/imgpublish/图解教程.jpg" />
    
    <textarea id="txtaCom"></textarea>
    <div>11</div>
    <div id="diva">
    <a id="hitme" href="javascript:void(0)" onclick="reply1(this)">点击哥</a>
    </div>
    <input type="hidden" value="2" />

    <input type="text"  id="te"/>
    <image src="C:\\Documents and Settings\\Administrator\\桌面\\0.jpg"></image>
</body>


</html>
